<!DOCTYPE html>
<html>
<head>
<title>分类管理</title>
#include("../include/common.html")
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>分类管理</h5>
            </div>
           	<form id="listForm" action="list" method="get">
	            <div class="ibox-content">
	                <!-- 列表 start -->
	                <div class="form-horizontal clear">
	                    <div class="form-group">
	                        <div class="col-sm-8">
	                            <a class="btn btn-primary" href="add"><i class="fa fa-plus"></i> 添加</a>
	                            <a href="javascript:;" class="btn btn-primary" id="refreshButton"><i class="fa fa-refresh"></i> 刷新</a>
	                            <a href="javascript:;" class="btn btn-primary" id="sortButton"><i class="fa fa-sort"></i> 排序</a>
	                        </div>
	                    </div>
	                    <div class="table-responsive">
	                        <table class="table table-bordered" id="listTable">
	                            <thead>
	                                <tr>
	                                    <th width="80">排序</th>
	                                	<th>ID</th>
	                                    <th>名称</th>
	                                    <th>模型</th>
	                                    <th>类型</th>
	                                    <th>是否做为菜单</th>
	                                    <th>操作</th>
	                                </tr>
	                            </thead>
	                            <tbody id="listTr">
	                            	#for(category : categoryTree)
	                                <tr>
	                                    <td><input type="text" class="form-control" name="sorts" value="#(category.sort)" data-oldsort="#(category.sort)" data-id="#(category.id)"/></td>
	                                	<td>#(category.id)</td>
	                                	<td>#if(category.model==1) 文章  #else if(category.type==2) 代码 #end</td>
										<td>
											<span style="margin-left: #(category.grade * 20)px;#if(category.grade == 0) color: #000000;#end">
												#(category.name)
											</span>
										</td>
										<td>#if(category.type==1) 列表  #else if(category.type==2) 页面  #else if(category.type==3) 链接 #else if(category.type==4) 空栏目 #end</td>
										<td>#if(category.isMenu==true) 是 #else 否  #end</td>
										<td>
											<a href="edit?id=#(category.id)">[编辑]</a>
											<a href="javascript:;" class="delete" val="#(category.id)">[删除]</a>
										</td>
									</tr>
	                                 #end
	                            </tbody>
	                        </table>
	                    </div>
	                </div>
	                <!-- 列表 end -->
	            </div>
            </form>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
$().ready(function() {

	var $delete = $("#listTable a.delete");
	
   var $sortButton = $("#sortButton");
    
    //排序
    $sortButton.click(function() {
        var $this = $(this);
        var $sortArry = [];
        $.each($("#listTr tr"),function(index,item){
            var $sorts = $(item).find("input[name='sorts']");
            var $sort = $sorts.val();
            var $oldsort = $sorts.data("oldsort");
            var $id = $sorts.data("id");
            if($sort!=$oldsort){
                var $sortReg = /^[1-9]\d*|0$/;
                if (!($sortReg.test($sort))) { 
                   $sort = "0";
                }
                var $json = {"id":$id,"sort":$sort};
                $sortArry.push($json);
            }
        });
        if($sortArry.length<1){
            swal({title:'', text:'数据未修改!',icon: 'warning'});
            return false;
        }
        $.ajax({
            url: "updateSort",
            type: "POST",
            data: {sortArray: JSON.stringify($sortArry)},
            dataType: "json",
            cache: false,
            success: function(message) {
                if (message.type == "success") {
                    location.reload();
                }else{
                    swal({title:'', text:message.msg,icon: 'error'});
                }
            }
        });
        return false;
    });
	
	// 删除
	$delete.click(function() {
		var $this = $(this);
		if(confirm("您确定要删除吗？")){
			$.ajax({
				url: "delete",
				type: "POST",
				data: {id: $this.attr("val")},
				dataType: "json",
				cache: false,
				success: function(message) {
					if (message.type == "success") {
						$this.closest("tr").remove();
					}else{
						alert(message.msg);
					}
				}
			});
		}
		return false;
	});

});
</script>